<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
    <link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
    <link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
    <link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
    <link href="stable/static/css/api.css" rel="stylesheet" type="text/css">
    <title>chrome.fontSettings - chrome插件中文开发文档(非官方)</title>
  </head>
  <body>
    <a id="top"></a>
    <div id="header">{Header content}</div>
    <a id="gc-topnav-anchor"></a>
    <div id="gc-topnav">
      <h1>Google Chrome Extensions</h1>
      <ul id="home" class="gc-topnav-tabs">
        <li id="home_link">
          <a href="index.html" title="Google Chrome Extensions home page"><div>Home</div></a>
        </li>
        <li id="docs_link">
          <a href="docs.html" title="Official Google Chrome Extensions documentation"><div>Docs</div></a>
        </li>
        <li id="faq_link">
          <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>FAQ</div></a>
        </li>
        <li id="samples_link">
          <a href="samples.html" title="Sample Extensions (with source code)"><div>Samples</div></a>
        </li>
        <li id="group_link">
          <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>Group</div></a>
        </li>
        <li id="so_link">
          <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>Questions?</div></a>
        </li>
      </ul>
    </div>
    <div id="gc-container">
      <div id="gc-sidebar">
        <ul 
            class="level1 ">
          <li class="level2">
                <a href="getstarted.html" class="level2 ">Getting Started</a>
          </li>
          <li class="level2">
                <a href="overview.html" class="level2 ">Overview</a>
          </li>
          <li class="level2">
                <a href="whats_new.html" class="level2 ">What's New?</a>
          </li>
          <li class="level2">
                <a href="devguide.html" class="level2 ">Developer's Guide</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser UI</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="browserAction.html" class="level4 ">Browser Actions</a>
                      </li>
                      <li class="level4">
                            <a href="contextMenus.html" class="level4 ">Context Menus</a>
                      </li>
                      <li class="level4">
                            <a href="notifications.html" class="level4 ">Desktop Notifications</a>
                      </li>
                      <li class="level4">
                            <a href="omnibox.html" class="level4 ">Omnibox</a>
                      </li>
                      <li class="level4">
                            <a href="options.html" class="level4 ">Options Pages</a>
                      </li>
                      <li class="level4">
                            <a href="override.html" class="level4 ">Override Pages</a>
                      </li>
                      <li class="level4">
                            <a href="pageAction.html" class="level4 ">Page Actions</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser Interaction</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="bookmarks.html" class="level4 ">Bookmarks</a>
                      </li>
                      <li class="level4">
                            <a href="cookies.html" class="level4 ">Cookies</a>
                      </li>
                      <li class="level4">
                            <a href="devtools.html" class="level4 ">Developer Tools</a>
                      </li>
                      <li class="level4">
                            <a href="events.html" class="level4 ">Events</a>
                      </li>
                      <li class="level4">
                            <a href="history.html" class="level4 ">History</a>
                      </li>
                      <li class="level4">
                            <a href="management.html" class="level4 ">Management</a>
                      </li>
                      <li class="level4">
                            <a href="tabs.html" class="level4 ">Tabs</a>
                      </li>
                      <li class="level4">
                            <a href="windows.html" class="level4 ">Windows</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Implementation</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="a11y.html" class="level4 ">Accessibility</a>
                      </li>
                      <li class="level4">
                            <a href="event_pages.html" class="level4 ">Event Pages</a>
                      </li>
                      <li class="level4">
                            <a href="contentSecurityPolicy.html" class="level4 ">Content Security Policy</a>
                      </li>
                      <li class="level4">
                            <a href="content_scripts.html" class="level4 ">Content Scripts</a>
                      </li>
                      <li class="level4">
                            <a href="xhr.html" class="level4 ">Cross-Origin XHR</a>
                      </li>
                      <li class="level4">
                            <a href="i18n.html" class="level4 ">Internationalization</a>
                      </li>
                      <li class="level4">
                            <a href="messaging.html" class="level4 ">Message Passing</a>
                      </li>
                      <li class="level4">
                            <a href="permissions.html" class="level4 ">Optional Permissions</a>
                      </li>
                      <li class="level4">
                            <a href="npapi.html" class="level4 ">NPAPI Plugins</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Finishing</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="hosting.html" class="level4 ">Hosting</a>
                      </li>
                      <li class="level4">
                            <a href="external_extensions.html" class="level4 ">Other Deployment Options</a>
                      </li>
                    </ul>
                </li>
              </ul>
          </li>
          <li class="level2">
                <a href="tutorials.html" class="level2 ">Tutorials</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="tut_migration_to_manifest_v2.html" class="level3 ">Manifest V2</a>
                </li>
                <li class="level3">
                      <a href="tut_debugging.html" class="level3 ">Debugging</a>
                </li>
                <li class="level3">
                      <a href="tut_analytics.html" class="level3 ">Google Analytics</a>
                </li>
                <li class="level3">
                      <a href="tut_oauth.html" class="level3 ">OAuth</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">Reference</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Formats</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="manifest.html" class="level4 ">Manifest Files</a>
                      </li>
                      <li class="level4">
                            <a href="match_patterns.html" class="level4 ">Match Patterns</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                      <a href="permission_warnings.html" class="level3 ">Permission Warnings</a>
                </li>
                <li class="level3">
                      <a href="api_index.html" class="level3 ">chrome.* APIs</a>
                </li>
                <li class="level3">
                      <a href="api_other.html" class="level3 ">Other APIs</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">More</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="http://code.google.com/chrome/webstore/docs/index.html" class="level3 ">Chrome Web Store</a>
                </li>
                <li class="level3">
                      <a href="http://code.google.com/chrome/apps/docs/developers_guide.html" class="level3 ">Hosted Apps</a>
                </li>
                <li class="level3">
                      <a href="themes.html" class="level3 ">Themes</a>
                </li>
              </ul>
          </li>
        </ul>
      </div>
      <div id="gc-pagecontent">
        <h1 class="page_title">chrome.fontSettings</h1>
        
        
        
        <div id="toc">
          <h2>Contents</h2>
          <ol>
            <li>
              <a href=#manifest>Manifest</a>
            </li>
            <li>
              <a href=#scripts>Generic Font Families and Scripts</a>
            </li>
            <li>
              <a href=#examples>Examples</a>
            </li>
            <li>
              <a href="#apiReference">API reference: chrome.fontSettings</a>
              <ol>
                  <li><a href="#types">Types</a><ol>  <li>    <a href="#type-FontName">FontName</a>  </li>  <li>    <a href="#type-ScriptCode">ScriptCode</a>  </li>  <li>    <a href="#type-GenericFamily">GenericFamily</a>  </li>  <li>    <a href="#type-LevelOfControl">LevelOfControl</a>  </li></ol></li>
                  
                  <li><a href="#methods">Methods</a><ol>  <li><a href="#method-clearFont">clearFont</a></li>  <li><a href="#method-getFont">getFont</a></li>  <li><a href="#method-setFont">setFont</a></li>  <li><a href="#method-getFontList">getFontList</a></li>  <li><a href="#method-clearDefaultFontSize">clearDefaultFontSize</a></li>  <li><a href="#method-getDefaultFontSize">getDefaultFontSize</a></li>  <li><a href="#method-setDefaultFontSize">setDefaultFontSize</a></li>  <li><a href="#method-clearDefaultFixedFontSize">clearDefaultFixedFontSize</a></li>  <li><a href="#method-getDefaultFixedFontSize">getDefaultFixedFontSize</a></li>  <li><a href="#method-setDefaultFixedFontSize">setDefaultFixedFontSize</a></li>  <li><a href="#method-clearMinimumFontSize">clearMinimumFontSize</a></li>  <li><a href="#method-getMinimumFontSize">getMinimumFontSize</a></li>  <li><a href="#method-setMinimumFontSize">setMinimumFontSize</a></li></ol></li>
                  <li><a href="#events">Events</a><ol>  <li><a href="#event-onFontChanged">onFontChanged</a></li>  <li><a href="#event-onDefaultFontSizeChanged">onDefaultFontSizeChanged</a></li>  <li><a href="#event-onDefaultFixedFontSizeChanged">onDefaultFixedFontSizeChanged</a></li>  <li><a href="#event-onMinimumFontSizeChanged">onMinimumFontSizeChanged</a></li></ol></li>
                  <li><a href="#samples">Sample Extensions</a></li>
              </ol>
            </li>
          </ol>
        </div>

<p>The Font Settings API allows you to manage Chrome's font settings.</p>

<h2 id="manifest">Manifest</h2>
<p>To use the Font Settings API, you must declare the "fontSettings" permission
in the <a href="manifest.html">extension manifest</a>.
For example:</p>
<pre>{
  "name": "My Font Settings Extension",
  "description": "Customize your fonts",
  "version": "0.2",
  "permissions": ["fontSettings"]
}</pre>

<h2 id="scripts">Generic Font Families and Scripts</h2>
<p>Chrome allows for some font settings to depend on certain generic font
families and language scripts. For example, the font used for sans-serif
Simplified Chinese may be different than the font used for serif Japanese.</p>

<p>The generic font families supported by Chrome are based on
<a href="http://www.w3.org/TR/CSS21/fonts.html#generic-font-families">CSS generic font families</a>
and are listed in the API reference below. When a webpage specifies a generic
font family, Chrome selects the font based on the corresponding setting. If no
generic font family is specified, Chrome uses the setting for the "standard"
generic font family.</p>

<p>When a webpage specifies a language, Chrome selects the font based on the
setting for the corresponding language script. If no language is specified,
Chrome uses the setting for the default, or global, script.</p>

<p>The supported language scripts are specified by ISO 15924 script code and
listed in the API reference below. Technically, Chrome settings are not strictly
per-script but also depend on language. For example, Chrome chooses the font for
Cyrillic (ISO 15924 script code "Cyrl") when a webpage specifies the Russian
language, and uses this font not just for Cyrillic script but for everything the
font covers, such as Latin.</p>

<h2 id="examples">Examples</h2>
<p>The following code gets the standard font for Arabic.</p>
<pre>
chrome.fontSettings.getFont(
  { genericFamily: 'standard', script: 'Arab' },
  function(details) { console.log(details.fontId); }
);
</pre>

<p>The next snippet sets the sans-serif font for Japanese.</p>
<pre>
chrome.fontSettings.setFont(
  { genericFamily: 'sansserif', script: 'Jpan', fontId: 'MS PGothic' }
);
</pre>

<p>You can find a sample extension using the Font Settings API in the
<a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/api/fontSettings/">examples/api/fontSettings</a>
directory. For other examples and for help in viewing the source code, see
<a href="samples.html">Samples</a>.</p>
        <h2 id="apiReference">API Reference: chrome.fontSettings</h2>
        <div class="api_reference">
            <h3 id="types">Types</h3>
              <div>
                <h3 id="type-FontName">FontName</h3>
                <div>
                  <dt><span class="type_name">  (    <span id="typeTemplate">object</span>  )</span></dt>
              <dd>
                    Represents a font name.
                  </dd>    <h4 id="FontName-properties">
                    Properties of <a href="#type-FontName">FontName</a>
                  </h4>
                  <dd><dl>      <div>
                      <a name="property-FontName-fontId"></a>
                      <dt>
                        <span class="variable">fontId</span>
                        <span class="property">
                          (
                            
                            <span id="typeTemplate">string</span>
                          )
                        </span>
                      </dt>
                      <dd>
                        The font ID.
                      </dd>
                    </div>
                    <div>
                      <a name="property-FontName-displayName"></a>
                      <dt>
                        <span class="variable">displayName</span>
                        <span class="property">
                          (
                            
                            <span id="typeTemplate">string</span>
                          )
                        </span>
                      </dt>
                      <dd>
                        The display name of the font.
                      </dd>
                    </div>
              </dl></dd>
                </div>
              </div>
              <div>
                <h3 id="type-ScriptCode">ScriptCode</h3>
                <div>
                  <dt><span class="type_name">  (    <span id="typeTemplate">enumerated string ["Afak", "Arab", "Armi", "Armn", "Avst", "Bali", "Bamu", "Bass", "Batk", "Beng", "Blis", "Bopo", "Brah", "Brai", "Bugi", "Buhd", "Cakm", "Cans", "Cari", "Cham", "Cher", "Cirt", "Copt", "Cprt", "Cyrl", "Cyrs", "Deva", "Dsrt", "Dupl", "Egyd", "Egyh", "Egyp", "Elba", "Ethi", "Geor", "Geok", "Glag", "Goth", "Gran", "Grek", "Gujr", "Guru", "Hang", "Hani", "Hano", "Hans", "Hant", "Hebr", "Hluw", "Hmng", "Hung", "Inds", "Ital", "Java", "Jpan", "Jurc", "Kali", "Khar", "Khmr", "Khoj", "Knda", "Kpel", "Kthi", "Lana", "Laoo", "Latf", "Latg", "Latn", "Lepc", "Limb", "Lina", "Linb", "Lisu", "Loma", "Lyci", "Lydi", "Mand", "Mani", "Maya", "Mend", "Merc", "Mero", "Mlym", "Moon", "Mong", "Mroo", "Mtei", "Mymr", "Narb", "Nbat", "Nkgb", "Nkoo", "Nshu", "Ogam", "Olck", "Orkh", "Orya", "Osma", "Palm", "Perm", "Phag", "Phli", "Phlp", "Phlv", "Phnx", "Plrd", "Prti", "Rjng", "Roro", "Runr", "Samr", "Sara", "Sarb", "Saur", "Sgnw", "Shaw", "Shrd", "Sind", "Sinh", "Sora", "Sund", "Sylo", "Syrc", "Syre", "Syrj", "Syrn", "Tagb", "Takr", "Tale", "Talu", "Taml", "Tang", "Tavt", "Telu", "Teng", "Tfng", "Tglg", "Thaa", "Thai", "Tibt", "Tirh", "Ugar", "Vaii", "Visp", "Wara", "Wole", "Xpeo", "Xsux", "Yiii", "Zmth", "Zsym", "Zyyy"]</span>  )</span></dt>
              <dd>
                    An ISO 15924 script code. The default, or global, script is represented by script code "Zyyy".
                  </dd>  </div>
              </div>
              <div>
                <h3 id="type-GenericFamily">GenericFamily</h3>
                <div>
                  <dt><span class="type_name">  (    <span id="typeTemplate">enumerated string ["standard", "sansserif", "serif", "fixed", "cursive", "fantasy"]</span>  )</span></dt>
              <dd>
                    A CSS generic font family.
                  </dd>  </div>
              </div>
              <div>
                <h3 id="type-LevelOfControl">LevelOfControl</h3>
                <div>
                  <dt><span class="type_name">  (    <span id="typeTemplate">enumerated string ["not_controllable", "controlled_by_other_extensions", "controllable_by_this_extension", "controlled_by_this_extension"]</span>  )</span></dt>
              <dd>
                    One of<br><var>not_controllable</var>: cannot be controlled by any extension<br><var>controlled_by_other_extensions</var>: controlled by extensions with higher precedence<br><var>controllable_by_this_extension</var>: can be controlled by this extension<br><var>controlled_by_this_extension</var>: controlled by this extension
                  </dd>  </div>
              </div>
            <h3 id="methods">Methods</h3>
              <div>
                <h4 id="method-clearFont">clearFont</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.clearFont</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Clears the font set by this extension, if any.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-clearFont-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-script"></a>        <dt>          <span class="variable">script</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate"><a href="fontSettings.html#type-ScriptCode">ScriptCode</a></span>            )          </span>        </dt>        <dd>          The script for which the font should be cleared. If omitted, the global script font setting is cleared.        </dd>      </div>      <div>        <a name="property-details-genericFamily"></a>        <dt>          <span class="variable">genericFamily</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-GenericFamily">GenericFamily</a></span>            )          </span>        </dt>        <dd>          The generic font family for which the font should be cleared.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-getFont">getFont</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.getFont</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Gets the font for a given script and generic font family.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getFont-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-script"></a>        <dt>          <span class="variable">script</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate"><a href="fontSettings.html#type-ScriptCode">ScriptCode</a></span>            )          </span>        </dt>        <dd>          The script for which the font should be retrieved. If omitted, the font setting for the global script (script code "Zyyy") is retrieved.        </dd>      </div>      <div>        <a name="property-details-genericFamily"></a>        <dt>          <span class="variable">genericFamily</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-GenericFamily">GenericFamily</a></span>            )          </span>        </dt>        <dd>          The generic font family for which the font should be retrieved.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-fontId"></a>        <dt>          <span class="variable">fontId</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The font ID. Rather than the literal font ID preference value, this may be the ID of the font that the system resolves the preference value to. So, <var>fontId</var> can differ from the font passed to <code>setFont</code>, if, for example, the font is not available on the system. The empty string signifies fallback to the global script font setting.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-setFont">setFont</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.setFont</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Sets the font for a given script and generic font family.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-setFont-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-script"></a>        <dt>          <span class="variable">script</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate"><a href="fontSettings.html#type-ScriptCode">ScriptCode</a></span>            )          </span>        </dt>        <dd>          The script code which the font should be set. If omitted, the font setting for the global script (script code "Zyyy") is set.        </dd>      </div>      <div>        <a name="property-details-genericFamily"></a>        <dt>          <span class="variable">genericFamily</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-GenericFamily">GenericFamily</a></span>            )          </span>        </dt>        <dd>          The generic font family for which the font should be set.        </dd>      </div>      <div>        <a name="property-details-fontId"></a>        <dt>          <span class="variable">fontId</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The font ID. The empty string means to fallback to the global script font setting.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-getFontList">getFontList</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.getFontList</span>()
                </div>
                <div class="description">
              <p>
                    Gets a list of fonts on the system.
                  </p>  </div>
              </div>
              <div>
                <h4 id="method-clearDefaultFontSize">clearDefaultFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.clearDefaultFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Clears the default font size set by this extension, if any.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-clearDefaultFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-getDefaultFontSize">getDefaultFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.getDefaultFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Gets the default font size.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getDefaultFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-setDefaultFontSize">setDefaultFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.setDefaultFontSize</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Sets the default font size.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-setDefaultFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-clearDefaultFixedFontSize">clearDefaultFixedFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.clearDefaultFixedFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Clears the default fixed font size set by this extension, if any.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-clearDefaultFixedFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-getDefaultFixedFontSize">getDefaultFixedFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.getDefaultFixedFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Gets the default size for fixed width fonts.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getDefaultFixedFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-setDefaultFixedFontSize">setDefaultFixedFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.setDefaultFixedFontSize</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Sets the default size for fixed width fonts.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-setDefaultFixedFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-clearMinimumFontSize">clearMinimumFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.clearMinimumFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Clears the minimum font size set by this extension, if any.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-clearMinimumFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
              <div>
                <h4 id="method-getMinimumFontSize">getMinimumFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.getMinimumFontSize</span>(<span class="optional">object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Gets the minimum font size.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getMinimumFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    This parameter is currently unused.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-setMinimumFontSize">setMinimumFontSize</h4>
                <div class="summary lower">
                  <span>chrome.fontSettings.setMinimumFontSize</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Sets the minimum font size.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-setMinimumFontSize-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function() <span class="subdued">{...}</span>;</pre><dl>  </dl>
                </div>
              </div>
            <h3 id="events">Events</h3>
              <div>
                <h4 id="event-onFontChanged">onFontChanged</h4>
                <div class="summary">
                  <span class="subdued">chrome.fontSettings.</span>onFontChanged<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a font setting changes.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onFontChanged-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-fontId"></a>        <dt>          <span class="variable">fontId</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The font ID. See the description in <code>getFont</code>.        </dd>      </div>      <div>        <a name="property-details-script"></a>        <dt>          <span class="variable">script</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate"><a href="fontSettings.html#type-ScriptCode">ScriptCode</a></span>            )          </span>        </dt>        <dd>          The script code for which the font setting has changed.        </dd>      </div>      <div>        <a name="property-details-genericFamily"></a>        <dt>          <span class="variable">genericFamily</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-GenericFamily">GenericFamily</a></span>            )          </span>        </dt>        <dd>          The generic font family for which the font setting has changed.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onDefaultFontSizeChanged">onDefaultFontSizeChanged</h4>
                <div class="summary">
                  <span class="subdued">chrome.fontSettings.</span>onDefaultFontSizeChanged<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the default font size setting changes.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onDefaultFontSizeChanged-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onDefaultFixedFontSizeChanged">onDefaultFixedFontSizeChanged</h4>
                <div class="summary">
                  <span class="subdued">chrome.fontSettings.</span>onDefaultFixedFontSizeChanged<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the default fixed font size setting changes.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onDefaultFixedFontSizeChanged-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onMinimumFontSizeChanged">onMinimumFontSizeChanged</h4>
                <div class="summary">
                  <span class="subdued">chrome.fontSettings.</span>onMinimumFontSizeChanged<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the minimum font size setting changes.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onMinimumFontSizeChanged-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-pixelSize"></a>        <dt>          <span class="variable">pixelSize</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The font size in pixels.        </dd>      </div>      <div>        <a name="property-details-levelOfControl"></a>        <dt>          <span class="variable">levelOfControl</span>          <span class="property">            (                            <span id="typeTemplate"><a href="fontSettings.html#type-LevelOfControl">LevelOfControl</a></span>            )          </span>        </dt>        <dd>          The level of control this extension has over the setting.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                </div>
              </div>
        </div>
          <h2 id="samples">Sample Extensions that use chrome.fontSettings</h2>
            <li><strong><a href="samples.html#d68dc270a8645874dd27fc50c7a40698">Font Settings</a></strong> &ndash;
            Sample extension for Font Settings API
        </li>
      </div>
    </div>
  </body>
  <script>
    window.bootstrap = {
      api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
          [{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
      branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
    };
  </script>
  <div id="gc-footer">
    <div class="text">
      <p>
        Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
        the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
        Attribution 3.0 License</a>, and code samples are licensed under the
        <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
      </p>
      <p>
        ©2012 Google
      </p>
      <script src="stable/static/js/branch.js" type="text/javascript"></script>
      <script src="stable/static/js/sidebar.js" type="text/javascript"></script>
      <script src="stable/static/js/prettify.js" type="text/javascript"></script>
      <script>
        (function() {
          // Auto syntax highlight all pre tags.
          var preElements = document.getElementsByTagName('pre');
          for (var i = 0; i < preElements.length; i++)
            preElements[i].classList.add('prettyprint');
          prettyPrint();
        })();
      </script>
      <div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
  
    </div>
  </div>
</html>
